<!--地图类型-->
<template>
  <div class="floation-panel">
    <div class="main-panel" :style="mainStyle">
      <Button type="text" size="small">卫星</Button>
      <Button type="text" size="small">影像</Button>
      <Button type="text" size="small">地形</Button>
      <Button type="text" size="small">街景</Button>
    </div>
  </div>
</template>
<script>
export default {
  props: {
    // 宽度
    width: {
      type: String,
      default: '200px'
    },
    // 高度
    height: {
      type: String,
      default: '64px'
    },
  },
  computed: {
    mainStyle: function () {
      return{
        width: this.width,
        height: this.height
      }
    }
  }
}

</script>

<style lang="less" scoped>
.floation-panel{
 .main-panel {
    position: fixed;
    z-index: 10;
    //left: 0;
    right: 0;
    top: 160px;
    width: 30%;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    /*background: #2d8cf0;*/
    background-color: rgb(5, 31, 112);
    transition: all 0s;
  }

}
</style>
